page-service-bbs {
  // banner样式
  .s-banner{
    height:63px;
    img{
      width:100%;
      height:100%;
    }
  }
  // 搜索框
  .s-search{
    background:#c5df95;
    padding:8px 15px;
    .s-xl{
      margin-top:-10%;
      margin-left:60%;
    }
  }
  .searchbar-ios{
    border:0;
    padding:0;
    border:0;
    min-height:25px;
    background:none
  }
  .searchbar-ios .searchbar-input{
    height:25px;
  }
  .searchbar-ios .searchbar-search-icon{
    top:5px;
    background-size:15px;
  }
  // 公告
  .marquee{
    height:45px;
    border-bottom:1px solid #e6e6e6;
    padding-top:5px;
    padding-bottom:5px;

    .marquee-icon{
      width:30px;
      ion-icon{
        font-size:3.5rem;
        color:red;
      }
    }

    .text-slide{
      overflow: hidden;
      padding-left:5px;
      p{
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        font-size:1.4rem;
      }
    }
  }
  .c-tx{
    width:25px;
    height:25px;
    display:block;
    float:left;
    border-radius:50%;
  }
  .ht-padding-tb5{
    padding:5px 0 5px 5px;
  }
  .c-icon{
    width:20px;
    height:20px;
    background:yellow;
    float:left;
  }
  .pic-box{
    width:32%;
    margin-right:1%;
  }
  .zan-comment{
    background:#f3f3f3;

    .zan-list{
      padding: 10px;
      border-bottom: 1px solid #e1e1e1;
    }

    .msg-list{
      padding:10px;
    }
  }

  .text-msg,
  .text-zan{
    color:#5e6788;
  }
}
